<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>l登陆页面</title>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/login.css">

</head>

<body>
    <!-- 左側登錄 -->
    <div class="site_login">

        <!-- 登录类型选择（第一行） -->
        <div class="login_type">
            <span class="account_login">账户登录</span>
            <sapn class="scanCode">扫码登陆</sapn>
        </div>
        <!-- 登陆小提示(第二行) -->
        <p class="login_smtip">如果您已经是BALANCE会员，请使用动态验证码登录</p>
        <!-- 登陆页面中间主要部分 -->
        <div class="login_main">
            <select name="" id="" class="attribution_select">
                <option class="attr_option" value="">
                    中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;



                    &nbsp;&nbsp;&nbsp;&nbsp;+86
                </option>
                <option class="attr_option" value="">
                    中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;



                    &nbsp;&nbsp;&nbsp;&nbsp;+86
                </option>
                <option class="attr_option" value="">
                    中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;



                    &nbsp;&nbsp;&nbsp;&nbsp;+86
                </option>
                <option class="attr_option" value="">
                    中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;



                    &nbsp;&nbsp;&nbsp;&nbsp;+86
                </option>
                <option class="attr_option" value="">
                    中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;



                    &nbsp;&nbsp;&nbsp;&nbsp;+86
                </option>
            </select>
            <!-- 输入手机号 -->
            <div class="write_phhoneNumber">
                <p class="phone_numb">手机号</p>
                <!-- 文本输入框 -->
                <input class="login_write_number" type="text" placeholder="请输入手机号">
                <!-- 验证码 -->
                <p class="phone_numb">验证码</p>
                <!-- 文本输入框 -->
                <input class="login_write_number indentifying_code" type="text" placeholder="请输入验证码">
                <button>获取验证码</button>


            </div>


            <input class="login_agreement" type="radio"><span>我已阅读并同意</span>
            <a class="link_agreement" href="#">《BALANCE会员注册协议》</a>
            <a href="#" class="immediately_login">立即注冊</a>
            <!-- 登录按钮 -->
            <input class="submit_login" type="submit" value="登录">
            <!-- 第三方账号登录 -->
            <div class="login_ThirdPartyAccount">
                <div class="split_line">
                    <div class="line"></div>
                    <p class="text">第三方账号登陆</p>
                </div>

            </div>
            <div class="login_ThirdPartyApp">

                <a href="#" class="">
                    <img src="imgs/logo_files/wechat.png" alt="" class="img_wx">
                </a>
                <a href="#" class="">
                    <img src="imgs/logo_files/ZFB.png" alt="" class="img_ZFB">
                </a>
                <a href="#" class="">
                    <img src="imgs/logo_files/WB.png" alt="" class="img_WB">
                </a>




            </div>
        </div>
    </div>
    <!-- 右侧宣传图 -->
    
    
    
</div>
<div class="right_poster">
    <a href="#">
        <!-- <img src="imgs/logo_files/poster.png" alt="" class="poster"> -->
    </a>

</body>

</html>